<template>
  <div>
    <ul>
      <li v-for='item in newslist' :key='item.id' class="mui-table-view-cell mui-media">
        <router-link :to="'/home/news/'+item.id">
          <img class="mui-media-object mui-pull-left" src="">
          <div class="mui-media-body">
            <h1>{{ item.title }}</h1>
            <p class="mui-ellipsis">
              <span>发表时间: {{ item.add_time | dataFormat }}</span>
              <span>点击次数: {{ item.click }}</span>
            </p>
          </div>
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
import {Toast} from 'mint-ui'
export default {
  data(){
    return {
      newslist:[]
    }
  },
  created(){
    this.getNewsList();
  },
  methods:{
    getNewsList(){
      this.$http.get('getnewslist').then(result =>{
        if(result.body.status === 0){
          this.newslist = result.body.message
        }else{
          Toast('获取列表失败!')
        }
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.mui-media-body{
  h1{font-size:14px;}
  .mui-ellipsis{
    font-size:12px;
    color:#222aff;
    display:flex;
    justify-content: space-between;
  }
}
</style>
